/* ВИДЖЕТ ПРОДЛЕНИЯ ПОКУПКИ - начало */

/* Виджет продления покупки - оформление */
.xdget-block .xdget-productTiming {
    /* растягиваем на всю ширину (для узких экранов) */
    max-width: 100%;
    font-weight: 600;
    font-size: 18px;
    text-align: center;
    color: var(--black)!important;
    background-color: var(--white);
    border-radius: 20px;
    margin-bottom: 25px;
    font-family: var(--ff) !important;
    box-shadow: var(--shadow);
    
}

/* Виджет продления покупки - акцент на датах доступа */
.xdget-block .xdget-productTiming .text-muted {
    font-weight: 600; 
    font-size: 18px;
    color: var(--blue);
    margin-top: 20px;  
    /* если добавлено предложение на продление*/
    margin-bottom: 20px; 
    font-family: var(--ff) !important;
}

/* Виджет продления покупки - красная надпись об окончании покупки через пару дней */
.user-product-block b {
    color: var(--red)!important;
    font-family: var(--ff) !important;
}

/* Если добавлено предложение на продление - Кнопка Продлить доступ */
.xdget-block .xdget-productTiming .user-product-block a.dotted-link {
    border-radius: var(--border-radius-s);
    padding: 20px;
    background: var(--btn-gr-b);
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    color: #fff;
    transition: all .3s;
    font-family: var(--ff) !important;
    width: 100%!important;
    display: inline-block;
}

/*  Если добавлено предложение на продление - контейнер с предложением */
.user-product-block .prolong-offers {
    font-family: var(--ff) !important;
    color: var(--black);    
}

/*  Если добавлено предложение на продление - количество дней продления */
.user-product-block .prolong-offers div {
    font-family: var(--ff), 'Montserrat', Roboto, sans-serif !important; 
    color: var(--black);
}

/*  Если добавлено предложение на продление - кнопка Продлить */
.user-product-block .btn.btn-success.btn-prolongate {
    border-radius: var(--border-radius-s);
    padding: 20px;
    background: var(--btn-gr-b);
    font-weight: 400;
    font-size: 15px;
    line-height: 100%;
    text-align: center;
    color: #fff;
    transition: all .3s;
    font-family: var(--ff) !important;
}

.user-product-block .btn.btn-success.btn-prolongate:hover {
    transform:scale(1.01);
}